<!DOCTYPE html>
<html>

	<head>
		<title>艾特一个</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="description" content=" ">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="http://hc.588net.com/public/static/libs/weui/lib/mui.min.css" />
		<link rel="stylesheet" href="http://hc.588net.com/public/static/libs/weui/lib/weui.min.css">
		<link rel="stylesheet" href="http://hc.588net.com/public/static/topic/css/jquery-weui.css">
		<link rel="stylesheet" href="http://hc.588net.com/public/static/topic/css/style.css" />
		<link rel="stylesheet" href="http://hc.588net.com/public/static/libs/weui/lib/preview.css">
	</head>
	<script src="http://hc.588net.com/public/static/libs/weui/lib/jquery-2.1.4.js"></script>

	<script src="http://hc.588net.com/public/static/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
	<script src="http://hc.588net.com/public/static/topic/js/jquery-weui.js"></script>
	<script src="http://hc.588net.com/public/static/libs/weui/lib/fastclick.js"></script>

	<style type="text/css">
		body {
			max-width: 100%;
			overflow-x: hidden;
			background: #fff!important
		}
		
		.mui-content {
			background: #fff;
		}
		
		.send_detail .head-img {
			overflow: hidden;
			padding: 0 .5rem;
			height: 1.8rem;
		}
		
		.send_detail .head-img>img {
			float: left;
			width: 1.8rem;
			height: 1.8rem;
			border-radius: 1rem;
		}
		
		.send_detail .head-info {
			width: 80%
		}
		
		.send_detail .head-info p:first-of-type {
			height: 1rem;
			line-height: 1rem;
			font-size: .7rem;
			color: #222;
		}
		
		.send_detail .head_icon {
			float: right;
			margin-left: 10px
		}
		
		.send_detail .head_icon img {
			width: 20px;
			height: 20px;
			vertical-align: middle;
		}
		
		.send_detail .news_zixun {
			padding: 0 .5rem;
			border-bottom: 1px solid #eee;
			/*margin-bottom: .5rem;*/
		}
		
		.send_detail .news_zixun .news_zixun_title {
			height: auto;
			color: #555;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			/*-webkit-line-clamp: 2;*/
			overflow: hidden;
			font-size: 0.8rem;
			margin: .5rem 0;
			-ms-word-wrap: ;
			word-wrap: break-word;
		}
		
		.send_detail .news_zixun .news_zixun_img {
			overflow: hidden;
		}
		
		.send_detail .news_zixun .news_zixun_img img {
			float: left;
			width: 31.6%;
			/*height: 80px;*/
			margin-right: 2.6%;
			margin-bottom: .5rem;
		}
		
		.send_detail .news_zixun .news_zixun_img img:nth-of-type(3n) {
			margin-right: 0px;
		}
		
		.send_detail .bg_bar {
			width: 100%;
			height: .5rem;
			background: #f4f4f4;
		}
		
		.topic_tle {
			padding: 0.5rem;
			font-size: 1rem;
		}
		
		.score_width {
			width: 160px;
		}
		
		.floor {
			color: #5A5A5A;
			font-size: 12px;
			/*margin-left: 2rem;*/
		}
		
		.edit {
			display: inline-block;
			height: 26px;
			overflow: hidden;
			float: right;
		}
		
		.edit img {
			width: 26px;
			height: 26px;
			float: left;
			margin-top: 5px;
		}
		
		.score {
			float: left;
		}
		
		.get_score_desc {
			font-size: 12px;
		}
		
		.get_score_desc span:nth-of-type(1) {
			margin-right: 5px;
		}
		
		.get_score_body {
			overflow: hidden;
			/*padding-top: .3rem;*/
		}
		
		.get_score {
			padding: .5rem;
		}
		
		.score_box {
			float: left;
			overflow: hidden;
			/*width: 8rem;*/
			height: 1.8rem;
		}
		
		.score_box img {
			border-radius: 18px;
		}
		
		.right_commen {
			float: right;
			position: relative;
		}
		
		.right_commen:after {
			content: '';
			height: 30px;
			width: 3px;
			background: #ddd;
			position: absolute;
			left: -8px;
			top: 5px;
			border-radius: 1.5px;
		}
		
		.replay {
			background: #ddd;
			color: #5A5A5A;
		}
		
		.comments img {
			width: 31.6%;
			margin-right: 2.6%;
			float: left;
			height: 60px;
		}
		
		.comments img:nth-of-type(3n) {
			margin-right: 0;
		}
		
		.comment-content .emotion {
			width: 1rem;
			height: 1rem
		}
		
		blockquote {
			background-color: #CCCCCC
		}
		
		blockquote font font {
			display: block;
		}
		
		.show_score {
			float: left;
			display: inline-block;
		}
		
		.jifen {
			box-shadow: 0 0 1px #d81e06;
			height: 1rem;
			width: 3rem;
			overflow: hidden;
			margin-top: .4rem;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			font-size: 12px;
			border-radius: 3px;
			margin-left: 10px;
			color: #D81E06;
		}
		
		.jifen img {
			width: .7rem;
			height: .7rem;
			vertical-align: middle;
			margin-right: 2px;
		}
	</style>

	<body>

		
				<div class="send_detail">
					<div class="topic_tle">艾特一个</div>
					<div class="head-img">
						<img src="http://bbs.hcbbs.com/uc_server/avatar.php?uid=3717435&size=small">
						<div class="head-info">
							<p>yunhe1234</p>
							<p>
								<span>06月06号</span>
								<span class="head_icon"><img src="http://hc.588net.com/public/static/topic/img/commen.png"> 25</span>
								<span class="head_icon"><img src="http://hc.588net.com/public/static/topic/img/read.png"> 126</span>
							</p>
						</div>
					</div>

					<div class="send_box">
						<div class="news_zixun">
							<p class="news_zixun_title">
								<a href="home.php?mod=space&uid=3778052">@测试123456</a> <br /> </p>
						</div>
						<div class="bg_bar"></div>

					</div>
				</div>

				<div class="get_score">
					<div class="get_score_body">
						<div class="score">
							<div class="score_box">
								<img src="http://bbs.hcbbs.com/uc_server/avatar.php?uid=3781379&size=small" width="36" height="36">
							</div>
							<img src="http://hc.588net.com/public/static/topic/img/more.png" width="36" height="36" id="get-more" data-href="http://hc.588net.com/index.php/topic/topic_post/score/pid/1786416.html">
						</div>
						<div class="right_commen add_score" data-score="0" data-pid="">
							<img src="http://hc.588net.com/public/static/topic/img/score.png" width="36" height="36">
						</div>
					</div>
				</div>
				<div style="height: .5rem;width: 100%;background: #F4F4F4;"></div>

				<div class="comment-box">
					<div class="comment">
						<div class="avtar"><img src="http://bbs.hcbbs.com/uc_server/avatar.php?uid=955559&size=small" width="36" height="36"></div>
						<div class="comment-content">
							<p class="avtar-name"><span>955559</span>
								<span class="floor" id="2">2楼</span>
								<!--<span class="floor"></span>-->
								<span class="edit edit-comment" data-edit="http://hc.588net.com/index.php/topic/topic_post_comment/edit_comment/uid/3717435/tid/1786416/pid/18392188/accessToken/335a25d7083691f0c5c0d52fc32c2/accessSecret/77dc053dd95eb6f24cb82637cb695.html" data-del=""><img src="http://hc.588net.com/public/static/topic/img/edit.png"></span></p>
							</p>
							<p class="comments comment-content">
								<a href="home.php?mod=space&uid=3717435">@yunhe1234</a>
							</p>
							<p class="comment-time"><span>06月06日 17:12</span> · <span data-id="18392188" onclick="comment(18392188,710,1786416)">回复> </span></p>
						</div>
					</div>
					<div class="comment">
						<div class="avtar"><img src="http://bbs.hcbbs.com/uc_server/avatar.php?uid=955559&size=small" width="36" height="36"></div>
						<div class="comment-content">
							<p class="avtar-name"><span>955559</span>
								<span class="floor" id="3">3楼</span>
								<!--<span class="floor"></span>-->
								<span class="edit edit-comment" data-edit="http://hc.588net.com/index.php/topic/topic_post_comment/edit_comment/uid/3717435/tid/1786416/pid/18392192/accessToken/335a25d7083691f0c5c0d52fc32c2/accessSecret/77dc053dd95eb6f24cb82637cb695.html" data-del=""><img src="http://hc.588net.com/public/static/topic/img/edit.png"></span></p>
							</p>
							<p class="comments comment-content">原来不是好友也能
								<a href="home.php?mod=space&uid=932279">@</a> <br /><br />@BOSS</p>
							<p class="comment-time"><span>06月06日 17:13</span> · <span data-id="18392192" onclick="comment(18392192,710,1786416)">回复> </span></p>
						</div>
					</div>
					<div class="comment">
						<div class="avtar"><img src="http://bbs.hcbbs.com/uc_server/avatar.php?uid=ceshi1234&size=small" width="36" height="36"></div>
						<div class="comment-content">
							<p class="avtar-name"><span>ceshi1234</span>
								<span class="floor" id="4">4楼</span>
								<!--<span class="floor"></span>-->
								<span class="edit edit-comment" data-edit="http://hc.588net.com/index.php/topic/topic_post_comment/edit_comment/uid/3717435/tid/1786416/pid/18395002/accessToken/335a25d7083691f0c5c0d52fc32c2/accessSecret/77dc053dd95eb6f24cb82637cb695.html" data-del=""><img src="http://hc.588net.com/public/static/topic/img/edit.png"></span></p>
							</p>
							<p class="comments comment-content">
								<blockquote>
									<font size="2">
										<font color="#999999">955559 发表于 2017-6-6 17:13</font>
										<a href="forum.php?mod=redirect&goto=findpost&pid=18392192&ptid=1786416"><img src="http://bbs.hcbbs.com/static/image/common/back.gif"></a>
									</font>
									原来不是好友也能@ <br /><br />@BOSS</blockquote>

								很不错<br /></p>
							<p class="comment-time"><span>06月06日 23:30</span> · <span data-id="18395002" onclick="comment(18395002,710,1786416)">回复> </span></p>
						</div>
					</div>
					<div class="comment">
						<div class="avtar"><img src="http://bbs.hcbbs.com/uc_server/avatar.php?uid=ceshi1234&size=small" width="36" height="36"></div>
						<div class="comment-content">
							<p class="avtar-name"><span>ceshi1234</span>
								<span class="floor" id="5">5楼</span>
								<!--<span class="floor"></span>-->
								<span class="edit edit-comment" data-edit="http://hc.588net.com/index.php/topic/topic_post_comment/edit_comment/uid/3717435/tid/1786416/pid/18395006/accessToken/335a25d7083691f0c5c0d52fc32c2/accessSecret/77dc053dd95eb6f24cb82637cb695.html" data-del=""><img src="http://hc.588net.com/public/static/topic/img/edit.png"></span></p>
							</p>
							<p class="comments comment-content">
								<i=s> 本帖最后由 ceshi1234 于 2017-6-6 23:32 编辑 </i>

									<blockquote><br /></blockquote><br />很不错<br /></p>
							<p class="comment-time"><span>06月06日 23:31</span> · <span data-id="18395006" onclick="comment(18395006,710,1786416)">回复> </span></p>
						</div>
					</div>
				</div>
				
				<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action ">

					<!-- 可选择菜单 -->
					<ul class="mui-table-view" style="background: #fff;">
						<!--<li class="mui-table-view-cell">
            <a href="#" id="edit_comment">编辑评论</a>
        </li>-->
						<li class="mui-table-view-cell">
							<a href="javascript:;" id="del_comment">删除评论</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#" id="review" class="add_score" data-score="0">评分</a>
						</li>
					</ul>
					<!-- 取消菜单 -->
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a href="#sheet1"><b>取消</b></a>
						</li>
					</ul>
			
		<script src="http://hc.588net.com/public/static/libs/weui/lib/fastclick.js"></script>
		<script type="text/javascript" src="http://hc.588net.com/public/static/libs/weui/lib/mui.min.js"></script>
		<script type="text/javascript" src="http://hc.588net.com/public/static/libs/weui/lib/mui.previewimage.js"></script>
		<script type="text/javascript" src="http://hc.588net.com/public/static/libs/weui/lib/mui.zoom.js"></script>
		<!--<script type="text/javascript" src="http://hc.588net.com/public/static/libs/weui/js/jquery-weui.js"></script>-->
		<script type="text/javascript">
			FastClick.attach(document.body);

			function comment(comment_id, tid, pid) {
				var ua = navigator.userAgent.toLowerCase();
				if(/iphone|ipad|ipod/.test(ua)) {
					add_comment(comment_id, tid, pid);
				} else {
					topics.add_comment(comment_id, tid, pid);
				}
			}

			function go_pages(url, title) {
				var ua = navigator.userAgent.toLowerCase();
				if(/iphone|ipad|ipod/.test(ua)) {
					go_urls(url, title);
				} else {
					topic.go_url(url, title);
				}
			}

			function go_page(url, title) {
				var ua = navigator.userAgent.toLowerCase();
				if(/iphone|ipad|ipod/.test(ua)) {
					go_url(url, title);
				} else {
					topic.go_url(url, title);
				}
			}

			function back() {
				var ua = navigator.userAgent.toLowerCase();
				if(/iphone|ipad|ipod/.test(ua)) {
					back_page();
				} else {
					if(url && url.hasOwnProperty("back_page")) {
						url.back_page();
					} else {

					}
				}
			}
			mui.init();
			mui.previewImage();
			//懒加载参数设置
			$("img.lazy").lazyload({
				placeholder: "http://hc.588net.com/public/static/libs/weui/img/pic_article.png",
				threshold: 200,
				event: 'scroll',
				//failurelimit : 10 ,
				effect: "fadeIn"
			});

			function getQueryVariable(variable) {
				var query = window.location.search.substring(1);
				var vars = query.split("&");
				for(var i = 0; i < vars.length; i++) {
					var pair = vars[i].split("=");
					if(pair[0] == variable) {
						return pair[1];
					}
				}
				return(false);
			}
			$(function() {
				var local_url = window.location.hash;
				if(local_url) {
					$(local_url).ScrollTo();
				} else {
					var floor = getQueryVariable('floor');
					if(floor) {
						$("#" + floor).ScrollTo();
					}
				}

				//列表图片宽高比例一致
				var send_w = $('.news_zixun .news_zixun_img img').width();
				var score_box = $('.score_box').width();
				$('.news_zixun .news_zixun_img img').height(send_w);

				//评分 人 多于四位  score_box宽度固定
				if(score_box > 150) {
					$('.score_box').addClass('score_width');
				}

				//点击更多  弹出底部
				$('body').on('click', '.edit-comment', function() {
					mui('#sheet1').popover('toggle');
					console.log($('#del_comment').parent());
					var edit_href = $(this).attr("data-edit");
					var del_href = $(this).attr("data-del");
					jQuery('#edit_comment').parent().css("display", "none");
					jQuery('#del_comment').parent().css("display", "none");
					if(edit_href != '') {
						$('#edit_comment').attr({
							'data-href': edit_href
						});
					} else {
						$('#edit_comment').parent().css("display", "none");
					}
					if(del_href != '') {
						$('#del_comment').attr({
							'data-href': del_href
						});
					} else {
						$('#del_comment').parent().css("display", "none");
					}
					//mui('#sheet1').popover('toggle');
				});
				mui('body').on('click', '#get-more', function() {
					var url = $(this).attr('data-href');
					go_page(url, '评分列表');
				});
				mui('body').on('tap', '#edit_comment', function() {
					go_page(this.href, '编辑评论');
				});
				mui('body').on('tap', '#del_comment', function() {
					var href = this.getAttribute("data-href");
					//mui('#sheet1').popover('toggle');
					mui.get(href, {}, function(e) {
						mui.alert(e.msg, function() {
							if(e.code == 200) {
								window.location.reload();
							}
						});
					}, 'json');
				});
				mui('body').on('tap', '.show_score', function() {
					var pid = this.getAttribute('data-pid');
					var url = "http://hc.588net.com/index.php/topic/topic_post/score.html?pid=" + pid;
					go_page(url, '评分列表');
				});
				//评分
				mui('body').on('tap', '.add_score', function() {
					var remain_score = this.getAttribute('data-score');
					var pid = this.getAttribute('data-pid');
					if(remain_score == null) {
						mui.alert("暂无评分权限", function() {

						});
						return false;
					}
					//$('#sheet1').hide();
					mui.prompt('您今日剩余' + remain_score + '分，每评1分，作者将获1分收益，将由平台发放，不会消耗您的分数',
						'请输入您的评论分数',
						'评分', ['取消', '确定'],
						function(e) {
							var score = e.value;
							if(e.index == 1) {
								if(score == '') {
									mui.alert("请输入评分数");
									return false;
								} else {
									if(remain_score < score) {
										mui.alert("不得超出剩余评分额度");
										return false;
									} else {
										var uid = "3717435";
										var pid = "1786416";
										var tid = "710";
										mui.post('/index.php/topic/topic_post/score', {
											uid: uid,
											pid: pid,
											score: score,
											tid: tid
										}, function(e) {
											mui.alert(e.msg, function() {
												window.location.reload();
											});
										}, 'json');
									}
								}
							}
						});
					if(pid == undefined || pid == null) {
						//mui('#sheet1').popover('toggle');
					}
				});

				//本页 顶部 帖子评论

			})
		</script>

	</body>

</html>